<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			a:link{
				color: #000000;
				/*未访问链接*/
				text-decoration: none;
				background-color: #b2ff99;
			}
			a:visited{
				color: #00ff00;/*已访问链接*/
				text-decoration: none;
				background-color: #ffff85;
			}
			a:hover{
				color: FF00FF;/*鼠标移动到链接上*/
				text-decoration: underline;
				background-color: #ff704D;
			}
			a:active{
				color: #0000ff;/*鼠标点击时*/
				text-decoration: underline;
				background-color: #FF704D;
			}
		</style>
	</head>
	<body>
		<p><b><a href="/css/" target="_blank">这是一个链接</a></b></p>
		<p><b>注意：</b> a:hover 必须在 a:link 和 a:visited 之后，需要严格按顺序才能看到效果。</p>
		<p><b>注意：</b> a:active 必须在 a:hover 之后。</p>
	</body>
</html>
